import 'package:flutter/material.dart';
import 'package:flutter_ohos/components/TabsCase.dart';

// material 是谷歌提供的一套素材库 好比 Vue2中的element-ui
// 集成到flutter中了
// 一套UI组件库 必须被MatrialApp包裹

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: TabsCase(),
      // appBar: PreferredSize(
      //   preferredSize: const Size.fromHeight(60), // 设置高度
      //   child: FlexibleSpaceBar(
      //     background: Container(
      //       color: Colors.green, // 设置红色背景色
      //       child: const Align(
      //         alignment: Alignment.center,
      //         child: Padding(
      //           padding: EdgeInsets.only(left: 16),
      //           child: Text(
      //             "我的第一个fluuter页面",
      //             style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
      //           ),
      //         ),
      //       ),
      //     ),
      //   ),
      // ),
    ),
  ));
  // MyApp是一个根组件
  // Vue2 Vue3 new Vue({ render: h => h(App) })
  // app.mount('#app')
}

// Scaffold

// Column Row均不能设置高度 宽度  背景色 
// Container SizeBox